day01

➢ 不同浏览器的渲染引擎不同，对于相同代码解析的效果会存在差异 • 如果用户想看一个网页，结果用不同浏览器打开效果不同，用户体验极差！

➢ Web标准：让不同的浏览器按照相同的标准显示结果，让展示的效果统一！

1. 双击打开VS Code软件

2. 将day01代码文件夹用鼠标左键按住不放，拖拽到VS Code窗口中，文件夹会显示在左侧目录上

3. 点击目录上的+新建文件按钮创建页面，注意：文件后缀名需要是.html

1.快速生成标签：英文 + tab

2. 快速查看网页效果：右击 → Open in Default Browser

3. 快速生成结构标签：! + tab

4. 注释：ctrl + /

1. 常见标签由两部分组成，我们称之为：双标签。前部分叫开始标签，后部分叫结束标签，两部分之间包裹内容

2. 少数标签由一部分组成，我们称之为：单标签。自成一体，无法包裹内容。

1.标题标签：~,依次变小变细，且都加粗并且独占一行

2.段落标签：

,特点段落之间存在间隙且独占一块

 3.换行标签：，让文字强制换行,单标签

4.水平线标签：,生成一条水平线，单标签

5.文本格式化标签：让文本呈现出各种各样的效果，下面两张表的标签作用一样

6.图片标签：

路径分为相对路劲和绝对路径

相对路径：

绝对路径：

7.音频标签：目前支持mp3,Wav,Ogg三种格式

 常用属性表

8.视频标签：

 9.链接标签：链接名

 综合案例练习

1.

文本如下：

文本资料